<!doctype html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head th:replace="commons/template_head::head('creditCard')">

</head>
<body>

<!-- begin::preloader-->
<div th:replace="commons/layout::preloader">

</div>
<!-- end::preloader -->

<!-- begin::navigation -->
<div th:replace="commons/layout::navigation">

</div>
<!-- end::navigation -->

<!-- begin::main -->
<div id="main">

    <!-- begin::header -->
    <div th:replace="commons/layout::main_header">

    </div>
    <!-- end::header -->

    <!-- begin::main-content -->
    <div class="main-content bg-info-bright" style="background-color: #e0ffff!important;">

        <!-- begin::container -->
        <div class="container">

            <h1 class="mt-4 pb-2 border-bottom bg-white rounded">
                <span class="fs-4 ml-3 text-center">信用卡申请</span></h1>

                <div class="row">
                    <div class="col-md-6">
                        <div class="row g-0 border rounded overflow-hidden flex-md-row mb-4 shadow-sm h-md-250 position-relative">
                            <div class="col p-4 d-flex flex-column position-static bg-white">
                                <strong class="d-inline-block mb-2 text-primary">联名款</strong>
                                <h3 class="mb-0">北京冬奥信用卡</h3>
                                <div class="mb-1 text-muted">新增于11月</div>
                                <p class="card-text mb-auto">冬奥珍藏版卡面，办理冬奥卡  尊享冰墩墩自由，  冬奥专属联名款</p>
                                <button type="button" class="w-100 btn btn-lg btn-primary">
                                    <a href="/creditM" class="stretched-link">立即申请</a>
                                </button>
                            </div>
                            <div class="col">
                                <img src="/assets/media/image/ca.jpg" class="d-block w-100" alt="C-1">
                            </div>
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="row g-0 border rounded overflow-hidden flex-md-row mb-4 shadow-sm h-md-250 position-relative">
                            <div class="col p-4 d-flex flex-column position-static bg-white">
                                <strong class="d-inline-block mb-2 text-primary">联名款</strong>
                                <h3 class="mb-0">Hello kity猫信用卡</h3>
                                <div class="mb-1 text-muted">新增于1月</div>
                                <p class="card-text mb-auto">kity猫珍藏版卡面，办理kity猫信用卡  尊享kity猫玩偶自由，  kity猫专属联名款</p>
                                <button type="button" class="w-100 btn btn-lg btn-primary">
                                    <a href="/creditM" class="stretched-link">立即申请</a>
                                </button>
                            </div>
                            <div class="col">
                                <img src="/assets/media/image/ca.jpg" class="d-block w-100" alt="C-1">
                            </div>
                        </div>
                    </div>

                    <div class="col-md-6">
                        <div class="row g-0 border rounded overflow-hidden flex-md-row mb-4 shadow-sm h-md-250 position-relative">
                            <div class="col p-4 d-flex flex-column position-static bg-white">
                                <strong class="d-inline-block mb-2 text-google">普通款</strong>
                                <h3 class="mb-0">三湘低碳绿色信用卡</h3>
                                <div class="mb-1 text-muted">新增于1月</div>
                                <p class="card-text mb-auto">三湘低碳绿色版卡面，办理三湘低碳绿色信用卡  尊享绿色健康自由， 享受低碳绿色健康生活</p>
                                <button type="button" class="w-100 btn btn-lg btn-primary">
                                    <a href="/creditM" class="stretched-link">立即申请</a>
                                </button>
                            </div>
                            <div class="col">
                                <img src="/assets/media/image/ca.jpg" class="d-block w-100" alt="C-1">
                            </div>
                        </div>
                    </div><div class="col-md-6">
                    <div class="row g-0 border rounded overflow-hidden flex-md-row mb-4 shadow-sm h-md-250 position-relative">
                        <div class="col p-4 d-flex flex-column position-static bg-white">
                            <strong class="d-inline-block mb-2 text-google">普通款</strong>
                            <h3 class="mb-0">三湘专属养老信用卡</h3>
                            <div class="mb-1 text-muted">新增于1月</div>
                            <p class="card-text mb-auto">三湘专属养老版卡面，办理三湘专属养老信用卡  尊享养老信用自由， 保障养老权益</p>
                            <button type="button" class="w-100 btn btn-lg btn-primary">
                                <a href="/creditM" class="stretched-link">立即申请</a>
                            </button>
                        </div>
                        <div class="col">
                            <img src="/assets/media/image/ca.jpg" class="d-block w-100" alt="C-1">
                        </div>
                    </div>
                </div>
                </div>

        </div>
        <!-- end::container -->

    </div>
    <!-- end::main-content -->

    <!-- begin::footer -->
    <footer th:replace="commons/layout::main_footer">

    </footer>
    <!-- end::footer -->

</div>
<!-- end::main -->

<div th:replace="commons/layout::end">

</div>

</body>
</html>


